<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
    <meta name="viewport"
        content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no,width=device-width, viewport-fit=cover">
    <title>玉米官网</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/swiper.min.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 公用头部 -->
    <section class="pub_header">
        <!-- pc -->
        <div class="pc_nav">
            <div class="pc_logo"><img src="./image/logo.png" alt=""></div>
            <div class="pc_nav_list">
                <div class="pc_nav_item">
                    <a href="./index.html">首页</a>
                </div>
                <div class="pc_nav_item">
                    <a href="javascript:;">福利商城</a>
                </div>
                <div class="pc_nav_item">
                    <a href="./gift.html">产品服务</a>
                </div>
                <div class="pc_nav_item">
                    <a href="./CPcustom.html">解决方案</a>
                </div>
                <div class="pc_nav_item">
                    <a href="./news.html">新闻资讯</a>
                </div>
                <div class="pc_nav_item">
                    <a href="./recruit.html">招贤纳士</a>
                </div>
                <div class="pc_nav_item">
                    <a href="./company.html">关于钰米</a>
                    <div class="pc_nav_hover">
                        <a href="./company.html">公司介绍</a>
                        <a href="./company.html#1">公司文化</a>
                        <a href="./enterprise.html#1">公司理念</a>
                        <a href="./company.html#1">公司愿景</a>
                        <a href="./company.html#2">资质</a>
                        <a href="./company.html#3">荣誉</a>
                        <a href="./compliance.html">廉政合规</a>
                    </div>
                </div>
            </div>
        </div>
        <!-- wap -->
        <div class="wap_nav">
            <div class="wap_logo">
                <a href="index.html"><img src="image/logo.png" alt=""></a>
            </div>
            <!-- wap 右侧菜单键 -->
            <a class="pub_menu" href="javascript:;">
                <span></span>
                <span></span>
                <span></span>
            </a>
        </div>
        <!-- wap 二级菜单 -->
        <div class="pub_menu_ff">
            <ul class="pub_menu_ul">
                <li class="pub_menu_li"><a href="index.html">首页</a></li>
                <li class="pub_menu_li on">
                    <div class="pub_menu_show">
                        <a href="javascript:;"><span>福利商城</span></a>
                        <img class="nav_show" src="./image/jia.png" alt="">
                    </div>
                    <div class="pub_menu_ft">
                        <ul>
                            <li><a href="javascript:;">福利商城</a></li>
                            <li><a href="javascript:;">福利商城</a></li>
                            <li><a href="javascript:;">福利商城</a></li>
                            <li class="pub_menu_back">
                                <img src="./image/back.png" alt="">
                                <div>返回</div>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="pub_menu_li on">
                    <div class="pub_menu_show">
                        <a href="javascript:;"><span>产品服务</span></a>
                        <img class="nav_show" src="./image/jia.png" alt="">
                    </div>
                    <div class="pub_menu_ft">
                        <ul>
                            <li><a href="javascript:;">产品服务</a></li>
                            <li><a href="javascript:;">产品服务</a></li>
                            <li><a href="javascript:;">产品服务</a></li>
                            <li class="pub_menu_back">
                                <img src="./image/back.png" alt="">
                                <div>返回</div>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="pub_menu_li on">
                    <div class="pub_menu_show">
                        <a href="javascript:;"><span>解决方案</span></a>
                        <img class="nav_show" src="./image/jia.png" alt="">
                    </div>
                    <div class="pub_menu_ft">
                        <ul>
                            <li><a href="javascript:;">解决方案</a></li>
                            <li><a href="javascript:;">解决方案</a></li>
                            <li><a href="javascript:;">解决方案</a></li>
                            <li class="pub_menu_back">
                                <img src="./image/back.png" alt="">
                                <div>返回</div>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="pub_menu_li on">
                    <div class="pub_menu_show">
                        <a href="javascript:;"><span>新闻资讯</span></a>
                        <img class="nav_show" src="./image/jia.png" alt="">
                    </div>
                    <div class="pub_menu_ft">
                        <ul>
                            <li><a href="javascript:;">新闻资讯</a></li>
                            <li><a href="javascript:;">新闻资讯</a></li>
                            <li><a href="javascript:;">新闻资讯</a></li>
                            <li class="pub_menu_back">
                                <img src="./image/back.png" alt="">
                                <div>返回</div>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="pub_menu_li on">
                    <div class="pub_menu_show">
                        <a href="javascript:;"><span>招贤纳士</span></a>
                        <img class="nav_show" src="./image/jia.png" alt="">
                    </div>
                    <div class="pub_menu_ft">
                        <ul>
                            <li><a href="javascript:;">招贤纳士</a></li>
                            <li><a href="javascript:;">招贤纳士</a></li>
                            <li class="pub_menu_back">
                                <img src="./image/back.png" alt="">
                                <div>返回</div>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="pub_menu_li on">
                    <div class="pub_menu_show">
                        <a href="javascript:;"><span>关于钰米</span></a>
                        <img class="nav_show" src="./image/jia.png" alt="">
                    </div>
                    <div class="pub_menu_ft">
                        <ul>
                            <li><a href="javascript:;">公司介绍</a></li>
                            <li><a href="javascript:;">公司文化</a></li>
                            <li><a href="javascript:;">公司理念</a></li>
                            <li><a href="javascript:;">公司愿景</a></li>
                            <li><a href="javascript:;">资质</a></li>
                            <li><a href="javascript:;">荣誉</a></li>
                            <li><a href="javascript:;">廉政合规</a></li>
                            <li class="pub_menu_back">
                                <img src="./image/back.png" alt="">
                                <div>返回</div>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </section>
    <!-- 内容 -->
    <section class="pub_content">
        <!-- 首页轮播 -->
        <div class="index_banner">
            <div class="swiper-container index-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="javascript:;">
                            <div class="index_banner_img" style="background-image: url('./image/ym02.png');"></div>
                            <div class="index_banner_text">
                                <p class="index_banner_p1">Enterprise digital welfare</p>
                                <p class="index_banner_p2">Meet the different<br /> welfare needs of<br /> employees</p>
                                <p class="index_banner_p3">企业数字化福利 满足员工不同福利需求</p>
                            </div>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="javascript:;">
                            <div class="index_banner_img" style="background-image: url('./image/ym01.png');"></div>
                            <div class="index_banner_text">
                                <p class="index_banner_p2">Let every greeting<br /> have temperature<br /> and value</p>
                                <p class="index_banner_p3">让我们的每一次问候<br />都有温度和价值</p>
                            </div>
                        </a>
                    </div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <!--  -->
        <div class="nums">
            <div class="nums_cont">
                <div class="nums_item">
                    <p class="nums_p1"><span class="nums_s1" attr-num="500">0</span><span class="nums_s2">+</span></p>
                    <p class="nums_p2">城市覆盖量</p>
                </div>
                <div class="nums_item">
                    <p class="nums_p1"><span class="nums_s1" attr-num="31000">0</span><span class="nums_s2">+</span></p>
                    <p class="nums_p2">精选产品量</p>
                </div>
                <div class="nums_item">
                    <p class="nums_p1"><span class="nums_s1" attr-num="40000">0</span><span class="nums_s2">+</span></p>
                    <p class="nums_p2">稳定客户量</p>
                </div>
            </div>
        </div>
        <!-- 一站式员工激励及弹性福利 -->
        <div class="welfare">
            <div class="pub_title">一站式员工激励及弹性福利</div>
            <div class="welfare_list">
                <div class="welfare_item">
                    <div class="welfare_img"><img src="./image/ym03.png" alt=""></div>
                    <div class="welfare_text">
                        <p class="welfare_p1">一站式</p>
                        <p class="welfare_p2">优化企业数字化福利管理<br />帮助企业降本增效</p>
                    </div>
                </div>
                <div class="welfare_item">
                    <div class="welfare_img"><img src="./image/ym04.png" alt=""></div>
                    <div class="welfare_text">
                        <p class="welfare_p1">员工激励</p>
                        <p class="welfare_p2">激发员工敬业度<br />驱动企业创新活力</p>
                    </div>
                </div>
                <div class="welfare_item">
                    <div class="welfare_img"><img src="./image/ym05.png" alt=""></div>
                    <div class="welfare_text">
                        <p class="welfare_p1">弹性福利</p>
                        <p class="welfare_p2">满足员工不同福利需求<br />提升员工满意度</p>
                    </div>
                </div>
            </div>
        </div>
        <!--  产品服务板块 -->
        <div class="product">
            <div class="pub_title">产品服务板块</div>
            <img class="product_img1" src="./image/ym06.png" alt="">
            <img class="product_img2" src="./image/ym07.png" alt="">
            <div class="product_cont">
                <div class="product_list">
                    <div class="product_item on">文化娱乐福利</div>
                    <div class="product_item">传统佳节福利</div>
                    <div class="product_item">员工激励福利</div>
                    <div class="product_item">员工关怀福利</div>
                </div>
                <div class="product_banner">
                    <div class="swiper-container product-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="product_ul">
                                    <div class="product_li">
                                        <a href="javascript:;">
                                            <img class="product_li_img" src="./image/ym08.png" alt="">
                                            <div class="product_li_hover">
                                                <p class="product_p1">文化娱乐福利</p>
                                                <p class="product_p2">CULTURAL AND ENTERTAINMENT<br /> BENEFITS</p>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="product_li">
                                        <a href="javascript:;">
                                            <img class="product_li_img" src="./image/ym09.png" alt="">
                                            <div class="product_li_hover">
                                                <p class="product_p1">文化娱乐福利</p>
                                                <p class="product_p2">CULTURAL AND ENTERTAINMENT<br /> BENEFITS</p>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div class="product_ul">
                                    <div class="product_li">
                                        <a href="javascript:;">
                                            <img class="product_li_img" src="./image/ym10.png" alt="">
                                            <div class="product_li_hover">
                                                <p class="product_p1">文化娱乐福利</p>
                                                <p class="product_p2">ENTERTAINMENT BENEFITS</p>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="product_li">
                                        <a href="javascript:;">
                                            <img class="product_li_img" src="./image/ym11.png" alt="">
                                            <div class="product_li_hover">
                                                <p class="product_p1">文化娱乐福利</p>
                                                <p class="product_p2">ENTERTAINMENT BENEFITS</p>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="product_li">
                                        <a href="javascript:;">
                                            <img class="product_li_img" src="./image/ym12.png" alt="">
                                            <div class="product_li_hover">
                                                <p class="product_p1">文化娱乐福利</p>
                                                <p class="product_p2">ENTERTAINMENT BENEFITS</p>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="product_ul">
                                    <div class="product_li">
                                        <a href="javascript:;">
                                            <img class="product_li_img" src="./image/ym08.png" alt="">
                                            <div class="product_li_hover">
                                                <p class="product_p1">文化娱乐福利</p>
                                                <p class="product_p2">CULTURAL AND ENTERTAINMENT<br /> BENEFITS</p>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="product_li">
                                        <a href="javascript:;">
                                            <img class="product_li_img" src="./image/ym09.png" alt="">
                                            <div class="product_li_hover">
                                                <p class="product_p1">文化娱乐福利</p>
                                                <p class="product_p2">CULTURAL AND ENTERTAINMENT<br /> BENEFITS</p>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div class="product_ul">
                                    <div class="product_li">
                                        <a href="javascript:;">
                                            <img class="product_li_img" src="./image/ym10.png" alt="">
                                            <div class="product_li_hover">
                                                <p class="product_p1">文化娱乐福利</p>
                                                <p class="product_p2">ENTERTAINMENT BENEFITS</p>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="product_li">
                                        <a href="javascript:;">
                                            <img class="product_li_img" src="./image/ym11.png" alt="">
                                            <div class="product_li_hover">
                                                <p class="product_p1">文化娱乐福利</p>
                                                <p class="product_p2">ENTERTAINMENT BENEFITS</p>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="product_li">
                                        <a href="javascript:;">
                                            <img class="product_li_img" src="./image/ym12.png" alt="">
                                            <div class="product_li_hover">
                                                <p class="product_p1">文化娱乐福利</p>
                                                <p class="product_p2">ENTERTAINMENT BENEFITS</p>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="product_ul">
                                    <div class="product_li">
                                        <a href="javascript:;">
                                            <img class="product_li_img" src="./image/ym08.png" alt="">
                                            <div class="product_li_hover">
                                                <p class="product_p1">文化娱乐福利</p>
                                                <p class="product_p2">CULTURAL AND ENTERTAINMENT<br /> BENEFITS</p>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="product_li">
                                        <a href="javascript:;">
                                            <img class="product_li_img" src="./image/ym09.png" alt="">
                                            <div class="product_li_hover">
                                                <p class="product_p1">文化娱乐福利</p>
                                                <p class="product_p2">CULTURAL AND ENTERTAINMENT<br /> BENEFITS</p>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div class="product_ul">
                                    <div class="product_li">
                                        <a href="javascript:;">
                                            <img class="product_li_img" src="./image/ym10.png" alt="">
                                            <div class="product_li_hover">
                                                <p class="product_p1">文化娱乐福利</p>
                                                <p class="product_p2">ENTERTAINMENT BENEFITS</p>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="product_li">
                                        <a href="javascript:;">
                                            <img class="product_li_img" src="./image/ym11.png" alt="">
                                            <div class="product_li_hover">
                                                <p class="product_p1">文化娱乐福利</p>
                                                <p class="product_p2">ENTERTAINMENT BENEFITS</p>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="product_li">
                                        <a href="javascript:;">
                                            <img class="product_li_img" src="./image/ym12.png" alt="">
                                            <div class="product_li_hover">
                                                <p class="product_p1">文化娱乐福利</p>
                                                <p class="product_p2">ENTERTAINMENT BENEFITS</p>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="product_ul">
                                    <div class="product_li">
                                        <a href="javascript:;">
                                            <img class="product_li_img" src="./image/ym08.png" alt="">
                                            <div class="product_li_hover">
                                                <p class="product_p1">文化娱乐福利</p>
                                                <p class="product_p2">CULTURAL AND ENTERTAINMENT<br /> BENEFITS</p>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="product_li">
                                        <a href="javascript:;">
                                            <img class="product_li_img" src="./image/ym09.png" alt="">
                                            <div class="product_li_hover">
                                                <p class="product_p1">文化娱乐福利</p>
                                                <p class="product_p2">CULTURAL AND ENTERTAINMENT<br /> BENEFITS</p>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div class="product_ul">
                                    <div class="product_li">
                                        <a href="javascript:;">
                                            <img class="product_li_img" src="./image/ym10.png" alt="">
                                            <div class="product_li_hover">
                                                <p class="product_p1">文化娱乐福利</p>
                                                <p class="product_p2">ENTERTAINMENT BENEFITS</p>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="product_li">
                                        <a href="javascript:;">
                                            <img class="product_li_img" src="./image/ym11.png" alt="">
                                            <div class="product_li_hover">
                                                <p class="product_p1">文化娱乐福利</p>
                                                <p class="product_p2">ENTERTAINMENT BENEFITS</p>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="product_li">
                                        <a href="javascript:;">
                                            <img class="product_li_img" src="./image/ym12.png" alt="">
                                            <div class="product_li_hover">
                                                <p class="product_p1">文化娱乐福利</p>
                                                <p class="product_p2">ENTERTAINMENT BENEFITS</p>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Add Pagination -->
                        <div class="swiper-pagination"></div>
                        <!-- Add Arrows -->
                        <div class="swiper-button-next"></div>
                        <div class="swiper-button-prev"></div>
                    </div>
                    <img class="product_prev" src="./image/left.png" alt="">
                    <img class="product_next" src="./image/right.png" alt="">
                </div>
            </div>
        </div>
        <!-- 精选各行业优质合作伙伴 -->
        <div class="partner">
            <div class="pub_title">精选各行业优质合作伙伴</div>
            <div class="partner_list">
            </div>
        </div>
        <!-- 全方位定制服务 -->
        <div class="whole">
            <div class="pub_title">全方位定制服务</div>
            <div class="whole_cont">
                <div class="whole_item">
                    <div class="whole_img"><img src="./image/ym45.png" alt=""></div>
                    <p class="whole_p1">产品定制</p>
                    <p class="whole_p2">企业可根据自身预算<br />定制专属福利方案</p>
                    <div class="whole_btn"><a href="./CPcustom.html">查看更多</a></div>
                </div>
                <div class="whole_item">
                    <div class="whole_img"><img src="./image/ym46.png" alt=""></div>
                    <p class="whole_p1">系统定制</p>
                    <p class="whole_p2">企业专属福利系统定制<br />节日礼包专属兑换平台定制</p>
                    <div class="whole_btn"><a href="./XTcustom.html">查看更多</a></div>
                </div>
                <div class="whole_item">
                    <div class="whole_img"><img src="./image/ym47.png" alt=""></div>
                    <p class="whole_p1">设计定制</p>
                    <p class="whole_p2">卡券、信封、网站兑换页<br />生日贺卡、礼盒等定制</p>
                    <div class="whole_btn"><a href="./SJcustom.html">查看更多</a></div>
                </div>
            </div>
        </div>
        <!-- 你值得更好的服务 -->
        <div class="better">
            <div class="pub_title">你值得更好的服务</div>
            <div class="better_cont">
                <div class="better_item">
                    <div class="better_img"><img src="./image/ym49.png" alt=""></div>
                    <p class="better_p1">更高效</p>
                    <p class="better_p2">高效的技术团队实时优化<br />用户的产品体验</p>
                </div>
                <div class="better_item">
                    <div class="better_img"><img src="./image/ym50.png" alt=""></div>
                    <p class="better_p1">更多赢</p>
                    <p class="better_p2">专业的采购团队<br />承诺以更优价格服务客户</p>
                </div>
                <div class="better_item">
                    <div class="better_img"><img src="./image/ym51.png" alt=""></div>
                    <p class="better_p1">更贴心</p>
                    <p class="better_p2">贴心的售后团队保障<br />服务渗透每一环节</p>
                </div>
                <div class="better_item">
                    <div class="better_img"><img src="./image/ym52.png" alt=""></div>
                    <p class="better_p1">更优质</p>
                    <p class="better_p2">更严苛的产品团队<br />精选更优质的福利商品</p>
                </div>
                <div class="better_item">
                    <div class="better_img"><img src="./image/ym53.png" alt=""></div>
                    <p class="better_p1">更便捷</p>
                    <p class="better_p2">用心的运营团队确保产品<br />兑换方便快捷</p>
                </div>
            </div>
        </div>
        <!-- 荣誉资质 -->
        <div class="honor">
            <div class="pub_title">荣誉资质</div>
            <div class="honor_cont">
                <img src="./image/ym54.png" alt="">
                <img src="./image/ym55.png" alt="">
                <img src="./image/ym56.png" alt="">
                <img src="./image/ym55.png" alt="">
            </div>
        </div>
        <!-- 覆盖城市 -->
        <div class="citys">
            <div class="pub_title">覆盖城市</div>
            <div class="citys_cont">
                <div class="swiper-container citys-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide citys-slide">
                            <div class="citys_item">
                                <div class="citys_img"><img src="./image/ym57.png" alt=""></div>
                                <p class="citys_p1">北京</p>
                            </div>
                            <div class="citys_item">
                                <div class="citys_img"><img src="./image/ym58.png" alt=""></div>
                                <p class="citys_p1">青岛</p>
                            </div>
                            <div class="citys_item">
                                <div class="citys_img"><img src="./image/ym59.png" alt=""></div>
                                <p class="citys_p1">西安</p>
                            </div>
                            <div class="citys_item">
                                <div class="citys_img"><img src="./image/ym60.png" alt=""></div>
                                <p class="citys_p1">郑州</p>
                            </div>
                            <div class="citys_item">
                                <div class="citys_img"><img src="./image/ym57.png" alt=""></div>
                                <p class="citys_p1">北京</p>
                            </div>
                            <div class="citys_item">
                                <div class="citys_img"><img src="./image/ym58.png" alt=""></div>
                                <p class="citys_p1">青岛</p>
                            </div>
                            <div class="citys_item">
                                <div class="citys_img"><img src="./image/ym59.png" alt=""></div>
                                <p class="citys_p1">西安</p>
                            </div>
                            <div class="citys_item">
                                <div class="citys_img"><img src="./image/ym60.png" alt=""></div>
                                <p class="citys_p1">郑州</p>
                            </div>
                        </div>
                        <div class="swiper-slide citys-slide">
                            <div class="citys_item">
                                <div class="citys_img"><img src="./image/ym57.png" alt=""></div>
                                <p class="citys_p1">北京</p>
                            </div>
                            <div class="citys_item">
                                <div class="citys_img"><img src="./image/ym58.png" alt=""></div>
                                <p class="citys_p1">青岛</p>
                            </div>
                            <div class="citys_item">
                                <div class="citys_img"><img src="./image/ym59.png" alt=""></div>
                                <p class="citys_p1">西安</p>
                            </div>
                            <div class="citys_item">
                                <div class="citys_img"><img src="./image/ym60.png" alt=""></div>
                                <p class="citys_p1">郑州</p>
                            </div>
                            <div class="citys_item">
                                <div class="citys_img"><img src="./image/ym57.png" alt=""></div>
                                <p class="citys_p1">北京</p>
                            </div>
                            <div class="citys_item">
                                <div class="citys_img"><img src="./image/ym58.png" alt=""></div>
                                <p class="citys_p1">青岛</p>
                            </div>
                            <div class="citys_item">
                                <div class="citys_img"><img src="./image/ym59.png" alt=""></div>
                                <p class="citys_p1">西安</p>
                            </div>
                            <div class="citys_item">
                                <div class="citys_img"><img src="./image/ym60.png" alt=""></div>
                                <p class="citys_p1">郑州</p>
                            </div>
                        </div>
                    </div>
                    <!-- Add Arrows -->
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                </div>
            </div>
        </div>
        <!-- 新闻资讯 -->
        <div class="news">
            <div class="pub_title">新闻资讯</div>
            <div class="news_cont">
                <div class="news_item">
                    <a href="./newsInfo.html">
                        <div class="news_img"><img src="./image/ym62.png" alt=""></div>
                        <div class="news_d1">
                            <div class="news_d2">
                                <p class="news_p1">主题来自：网易新闻</p>
                                <p class="news_p2">2021-02-28</p>
                            </div>
                            <p class="news_p3 text-cut-two">荣获2021年度社会责任品牌的称号</p>
                            <p class="news_p4 text-cut-two">
                                企业社会责任的命题不再单纯地直指公益慈善捐助，作为在社会主义市场经济中最基本的市场主体，企业的社会责任早已融入其内生的基因和血脉之中。</p>
                            <div class="news_next"><img src="./image/ym61.png" alt=""></div>
                        </div>
                    </a>
                </div>
                <div class="news_item">
                    <a href="./newsInfo.html">
                        <div class="news_img"><img src="./image/ym63.png" alt=""></div>
                        <div class="news_d1">
                            <div class="news_d2">
                                <p class="news_p1">主题来自：网易新闻</p>
                                <p class="news_p2">2021-02-28</p>
                            </div>
                            <p class="news_p3 text-cut-two">荣获2021年度社会责任品牌的称号</p>
                            <p class="news_p4 text-cut-two">
                                企业社会责任的命题不再单纯地直指公益慈善捐助，作为在社会主义市场经济中最基本的市场主体，企业的社会责任早已融入其内生的基因和血脉之中。</p>
                            <div class="news_next"><img src="./image/ym61.png" alt=""></div>
                        </div>
                    </a>
                </div>
                <div class="news_item">
                    <a href="./newsInfo.html">
                        <div class="news_img"><img src="./image/ym64.png" alt=""></div>
                        <div class="news_d1">
                            <div class="news_d2">
                                <p class="news_p1">主题来自：网易新闻</p>
                                <p class="news_p2">2021-02-28</p>
                            </div>
                            <p class="news_p3 text-cut-two">荣获2021年度社会责任品牌的称号</p>
                            <p class="news_p4 text-cut-two">
                                企业社会责任的命题不再单纯地直指公益慈善捐助，作为在社会主义市场经济中最基本的市场主体，企业的社会责任早已融入其内生的基因和血脉之中。</p>
                            <div class="news_next"><img src="./image/ym61.png" alt=""></div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </section>
    <!-- 公用底部 -->
    <section class="pub_footer">
        <div class="pub_footer_top">
            <div class="pub_footer_cont">
                <div class="pub_footer_d1">
                    <div class="pub_footer_d2">
                        <span><a href="./gift.html">产品服务</a></span>
                        <span><a href="./CPcustom.html">解决方案</a></span>
                        <span><a href="./news.html">新闻资讯</a></span>
                        <span><a href="./recruit.html">招贤纳士</a></span>
                        <span><a href="./company.html">关于钰米</a></span>
                    </div>
                    <div class="pub_footer_d3">
                        <div class="pub_footer_item">
                            <div class="pub_footer_img"><img src="./image/foot01.png" alt=""></div>
                            <div class="pub_footer_text" style="width: 2.2rem;">
                                <p class="pub_footer_p1">地址</p>
                                <p class="pub_footer_p2">北京市海淀区大钟寺中坤广场华杰大厦5c5</p>
                            </div>
                        </div>
                        <div class="pub_footer_item" style="margin-right: 0.7rem;">
                            <div class="pub_footer_img"><img src="./image/foot02.png" alt=""></div>
                            <div class="pub_footer_text">
                                <p class="pub_footer_p1">电话</p>
                                <p class="pub_footer_p2">400-616-8360</p>
                                <p class="pub_footer_p2">400-616-8360</p>
                            </div>
                        </div>
                        <div class="pub_footer_item">
                            <div class="pub_footer_img"><img src="./image/foot03.png" alt=""></div>
                            <div class="pub_footer_text">
                                <p class="pub_footer_p1">邮箱</p>
                                <p class="pub_footer_p2">lianheyiwang@enet360.com</p>
                                <p class="pub_footer_p2">lianheyiwang@enet360.com</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="pub_footer_d4"><img src="./image/foot04.png" alt=""></div>
            </div>
        </div>
        <div class="pub_footer_bottom">
            <div class="pub_footer_cont">
                <p>COPYRIGHT © 2020 WWW.ENET360.COMALL RIGHTS RESERVED.</p>
                <p>京ICP备09066962号-3</p>
            </div>
        </div>
    </section>
</body>
<script src="./js/jquery-1.11.0.min.js"></script>
<script src="./js/swiper.min.js"></script>
<script src="./js/public.js"></script>
<script>
    var swiper = new Swiper('.index-container', {
        pagination: {
            el: '.index-container .swiper-pagination',
            clickable: true,
        },
        loop: true,
        autoplay: {
            delay: 5000,
            disableOnInteraction: false,
        },
    });

    let arr = []
    let numType = false
    $('.nums_s1').each(function (index, item) {
        let a = $(item).attr('attr-num')
        arr.push(a)
    })

    $(window).scroll(function () {
        p = $(this).scrollTop() + $(this).height();
        dt = $('.nums_s1').offset().top
        if (p > dt && !numType) {
            numType = true
            for (var i = 0; i < $('.nums_s1').length; i++) {
                IEtime(i)
            }
        }
    })

    function IEtime(i) {
        let num = 0
        let per = 10
        let up = arr[i] / 200
        let time = setInterval(function () {
            num += up
            document.documentElement.querySelectorAll(".nums_s1")[i].innerHTML = parseInt(num)
            if (num >= arr[i]) {
                document.documentElement.querySelectorAll(".nums_s1")[i].innerHTML = arr[i]
                clearInterval(time)
            }
        }, per)
    }

    // 
    let product_index = 0

    $(document).on('click', '.product_item', function () {
        $(this).addClass('on').siblings().removeClass('on')
        product_index = $(this).index()
        $('.product-container .swiper-pagination-bullet').eq(product_index).trigger('click')
    })

    function productChange() {
        $('.product_item').eq(product_index).addClass('on').siblings().removeClass('on')
    }

    var swiper = new Swiper('.product-container', {
        pagination: {
            el: '.product-container .swiper-pagination',
            clickable: true,
        },
        navigation: {
            nextEl: '.product-container .swiper-button-next',
            prevEl: '.product-container .swiper-button-prev',
        },
        on: {
            slideChangeTransitionEnd: function () {
                product_index = this.activeIndex - 1
                productChange()
            },
        },
    });

    $(document).on('click', '.product_prev', function () {
        $('.product-container .swiper-button-prev').trigger('click')
        if (product_index <= 0) {
            return false
        }
        product_index--
        productChange()
    })

    $(document).on('click', '.product_next', function () {
        $('.product-container .swiper-button-next').trigger('click')
        if (product_index >= $('.product_item').length - 1) {
            return false
        }
        product_index++
        productChange()
    })

    for (let i = 0; i < 32; i++) {
        let ii = i + 13
        $('.partner_list').append(`<div class="partner_item"><img src="./image/ym${ii}.png" alt=""></div>`)
    }

    // 

    var swiper = new Swiper('.citys-container', {
        navigation: {
            nextEl: '.citys-container .swiper-button-next',
            prevEl: '.citys-container .swiper-button-prev',
        },
        loop: true,
    });
</script>

</html>